logo头像
Snippet 博客主题

Flutter app 7.Me

Flutter app 7.Me

1.修改UI

创建启动页
pages/MyTabPage.dart

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
class MyTabPage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return new MyTabPageState();
}
}

class MyTabPageState extends State<MyTabPage> {
static const double IMAGE_ICON_WIDTH = 30.0;
static const double ARROW_ICON_WIDTH = 16.0;

var titleTextStyle = new TextStyle(fontSize: 16.0);

// 箭头
var rightArrowIcon = new Image.asset(
'images/ic_arrow_right.png',
width: ARROW_ICON_WIDTH,
height: ARROW_ICON_WIDTH,
);

@override
void initState() {
super.initState();
}

@override
Widget build(BuildContext context) {

return new ListView(
children: <Widget>[
_buildAvatar(),

new Divider(
height: 1.0,
),
_buildMessages(),

new Divider(
height: 1.0,
),
_buildCoupons(),
new Divider(
height: 1.0,
),
],
);

}

_buildAvatar() {
User user = new UserHelper().getUser();
var avatarContainer = new Container(
color: const Color(0xFFF39B63),
height: 200.0,
child: new Center(
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Image.asset("images/ic_avatar_default.png", width: 60.0 ),
new Padding(
padding: new EdgeInsets.only(top:5.0, bottom: 5.0),
child: new Text(
user.account,
style: new TextStyle(
fontSize: 18.0,
color: const Color(0xffFFFFFF),
),
),
),

new Padding(
padding: new EdgeInsets.only(top:5.0, bottom: 5.0),
child: new Text(
" Manage Account ",
style: new TextStyle(
fontSize: 23.0,
color: const Color(0xffFFFFFF),
),
),
),

],
),
)
);
return new GestureDetector(
onTap: () {
// DataUtils.isLogin().then((isLogin) {
// if (isLogin) {
// // 已登录,显示用户详细信息
// _showUserInfoDetail();
// } else {
// // 未登录,跳转到登录页面
// _login();
// }
// });
},
child: avatarContainer,
);


}

_buildMessages() {
var listItemContent = new Padding(
padding: const EdgeInsets.fromLTRB(10.0, 15.0, 10.0, 15.0),
child: new Row(
children: <Widget>[
new Padding(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 10.0, 0.0),
child: new Image.asset("images/ic_my_message.png",
width: IMAGE_ICON_WIDTH, height: IMAGE_ICON_WIDTH),
),
new Expanded(
child: new Text(
"Message",
style: titleTextStyle,
)),
rightArrowIcon
],
),
);
return new InkWell(
child: listItemContent,
onTap: () {
// _handleListItemClick(title);
// Navigator
// .of(context)
// .push(new MaterialPageRoute(builder: (context) => new CommonWebPage(title: "Test", url: "https://my.oschina.net/u/815261/blog")));
},
);
}


_buildCoupons() {
var listItemContent = new Padding(
padding: const EdgeInsets.fromLTRB(10.0, 15.0, 10.0, 15.0),
child: new Row(
children: <Widget>[
new Divider(
height: 2.0,
),
new Padding(
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 10.0, 0.0),
child: new Image.asset("images/ic_my_message.png",
width: IMAGE_ICON_WIDTH, height: IMAGE_ICON_WIDTH),
),
new Expanded(
child: new Text(
"Coupons",
style: titleTextStyle,
)),
rightArrowIcon
],
),
);
return new InkWell(
child: listItemContent,
onTap: () {
// _handleListItemClick(title);
// Navigator
// .of(context)
// .push(new MaterialPageRoute(builder: (context) => new CommonWebPage(title: "Test", url: "https://my.oschina.net/u/815261/blog")));
},
);
}

}

UI 布局 没什么好解释的

第一看见这样的UI 布局 就想骂人 万马崩腾与心中
瞬间想放弃

写多了 就习惯了 虽然 还是很生疏 感觉用的不爽

底部添加版本信息

https://pub.dartlang.org/ 中找到 get_version
https://pub.dartlang.org/packages/get_version#-installing-tab-

不知道 好不好用

get_version

1
2
3
4
Package get_version has no versions that match >=0.0.6 <0.1.0 derived from:
- flutter_snap depends on version ^0.0.6
pub upgrade failed (1)
main.dart

这个找不到

支付宝打赏 微信打赏

打赏